<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="css/buy.css" />
    <link rel="stylesheet" type="text/css" href="iconfont/iconfont.css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="iconfont/ifconfont1.css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="iconfont/iconfont2.css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="iconfont/iconfont3.css/iconfont.css" />
    <script src="jquery/jquery.js"></script>
    <script src="https://cdn.staticfile.org/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
	<script src="common.js"></script>
    <script src="buy.js"></script>
</head>

<body>
    <div class="header">
        <div class="main">
            <ul>
                <li><a href="">小米商城</a></li>
                <li><a href=""> MIUl</a></li>
                <li><a href=""> loT</a></li>
                <li><a href="">云服务</a></li>
                <li><a href="">天星数科</a></li>
                <li><a href="">有品</a></li>
                <li><a href="">小爱开放平台</a></li>
                <li><a href="">企业团购</a></li>
                <li><a href="">资质证照</a></li>
                <li><a href="">协议规则</a></li>
                <li><a href="">下载app</a></li>
                <li><a href="">智能生活</a></li>
                <li><a href=""> SelectLocation</a></li>
            </ul>
            <div class="shop">
                <input  type="button" value="购物车（0）">
                <p>购物车中还没有商品，赶紧选购吧！</p>
            </div>
            <ul class="top_login">

            </ul>
        </div>
    </div>
    <div class="nav-top">
        <div class="main">
            <img src="img/xiaomi/xiaomi3.png">
            <ul class="goods">
                <li class="a1"><a href="">全部商品分类</a></li>
                <li class="a1"><a href="">小米手机</a></li>
                <li class="a2"><a href="">Redmi红米</a></li>
                <li class="a3"><a href="">电视</a></li>
                <li class="a4"><a href="">笔记本</a></li>
                <li class="a5"><a href="">家电</a></li>
                <li><a href="">路由器</a></li>
                <li><a href="">智能硬件</a></li>
                <li><a href="">服务</a></li>
                <li><a href="">社区</a></li>
            </ul>
            <input class="bu1" type="button">
            <input type="text" placeholder="小米11">
        </div>
    </div>
    <div class="nav-bottom">
        <div class="main">
            <p>Redmi Note 10 Pro | <span>Redmi Note 10 5G</span></p>
            <ul>
                <li><a href="">概述页</a></li>
                <li><a href="">参数页</a></li>
                <li><a href="">F码通道</a></li>
                <li><a href="">咨询客服</a></li>
                <li><a href="">用户评价</a></li>
            </ul>
        </div>
    </div>
    <div class="login">
        <div class="main">
            <p>为方便您购买，请提前登录<a href="">立即登录</a><span>X</span></p>
        </div>
    </div>
    <div class="section">
        <div class="main">
            <div class="left">
                <img src="images/images/goumaiye03.jpg">
            </div>
            <div class="right">
                <div class="details">
                    <h3>Redmi Note 10 Pro</h3>
                    <p><span>「Note 10 Pro全版本闪降100元;9米金兑换30元优惠券;
                            华夏银行信用卡分期最高可减60元」</span>天<br>玑1100年度旗舰芯 / VC液冷散热 /
                        120Hz旗舰变速金刚屏 / 67W闪充5000mAh大电池 / JBL立体声双扬声器 /
                        UFS 3.1/6400万AI三摄 / 多功能NFC 3.0 / 旗舰级设计艺术感工艺</p>
                    <h5>小米自营</h5>
                    <h6>1999元<del>2099元</del></h6>
                </div>
                <div class="address">
                    <h3 class="iconfont">&#xe636;</h3>
                    <ul>
                        <li>北京</li>
                        <li>北京市</li>
                        <li>海淀区</li>
                        <li>清河街道</li>
                        <li><a href="">修改</a></li>
                        <li>有现货</li>
                    </ul>
                </div>
                <div class="version">
                    <h4>选择版本</h4>
                    <ul>
                        <li>6GB+128GB</li>
                        <li>8GB+128GB</li>
                        <li>8GB+256GB</li>
                    </ul>
                </div>
                <div class="color">
                    <h4>选择颜色</h4>
                    <ul>
                        <li>星纱</li>
                        <li>幻青</li>
                        <li>月魄</li>
                    </ul>
                </div>
                <div class="insurance protect">
                    <h4>选择小米提供的意外保护</h4>
                    <span>了解意外 ></span>
                    <ul>
                        <li><input type="radio" name=""><img src="images/images/goumaiye07.jpg">
                            <h3>意外保障服务</h3>
                            <h4>意外损免费修</h4><br>
                            <h5>1年1次意外损坏 官方原厂免费维修</h5>
                            <label><input  type="checkbox">
                                <h6>我已阅读<span>服务条款| 常见问题
                                    </span>
                                    <h1>199元</h1>
                                </h6>
                            </label>
                        </li>
                        <li><input type="radio" name="hh"><img src="images/images/goumaiye07.jpg">
                            <h3>碎屏保障服务</h3>
                            <h4>碎屏免费修</h4><br>
                            <h5>1年1次意外碎屏 官方原厂免费维修</h5>
                            <label><input  type="checkbox">
                                <h6>我已阅读<span>服务条款| 常见问题
                                    </span>
                                    <h1>129元</h1>
                                </h6>
                            </label>
                        </li>
                    </ul>
                </div>
                <div class="insurance repair">
                    <h4>选择小米提供的延长保修</h4>
                    <span>了解延长保修 ></span>
                    <ul>
                        <li><input type="radio" name=""><img src="images/images/goumaiye07.jpg">
                            <h3>延长保修服务</h3>
                            <h4>质保延长1年</h4><br>
                            <h5>性能故障 官方原厂 多次免费维修</h5>
                            <label><input  type="checkbox">
                                <h6>我已阅读<span>服务条款| 常见问题
                                    </span>
                                    <h1>69元</h1>
                                </h6>
                            </label>
                        </li>
                    </ul>
                </div>
                <div class="insurance cloud">
                    <h4>选择小米提供的云空间服务</h4>
                    <span>了解云空间服务 ></span>
                    <ul>
                        <li><input type="radio" name="haa"><img src="./images/images/goumaiye11.jpg">
                            <h3>云空间年卡200G </h3>
                            <h4 class="ooo">208元</h4><br>
                            <h5>主商品签收后，自动激活至下单帐号</h5>
                            <label><input  type="checkbox">
                                <h6>我已阅读<span>服务条款| 常见问题
                                    </span>
                                    <h1>199元</h1>
                                </h6>
                            </label>
                        </li>
                        <li><input type="radio" name="haa"><img src="./images/images/goumaiye11.jpg">
                            <h3>云空间年卡50G </h3>
                            <h4 class="ppp">58元</h4><br>
                            <h5>主商品签收后，自动激活至下单帐号</h5>
                            <label><input  type="checkbox">
                                <h6>我已阅读<span>服务条款| 常见问题
                                    </span>
                                    <h1>129元</h1>
                                </h6>
                            </label>
                        </li>
                        <li><input type="radio" name="haa"><img src="./images/images/goumaiye11.jpg">
                            <h3>云空间年卡200G </h3>
                            <h4 class="ppp">21元</h4><br>
                            <h5>主商品签收后，自动激活至下单帐号</h5>
                            <label><input  type="checkbox">
                                <h6>我已阅读<span>服务条款| 常见问题
                                    </span>
                                    <h1>129元</h1>
                                </h6>
                            </label>
                        </li>
                        <li><input type="radio" name="haa"><img src="./images/images/goumaiye11.jpg">
                            <h3>云空间年卡50G </h3>
                            <h4 class="ppp">6元</h4><br>
                            <h5>主商品签收后，自动激活至下单帐号</h5>
                            <label><input  type="checkbox">
                                <h6>我已阅读<span>服务条款| 常见问题
                                    </span>
                                    <h1>129元</h1>
                                </h6>
                            </label>
                        </li>
                    </ul>
                </div>
                <div class="total-price">
                    <h6>Redmi Note 10 Pro 8GB+256GB月瑰</h6>
                    <h6>1999元 <del>2099元</del></h6>
                    <h4>总计:1999元</h4>
                </div>
                <div class="shopping">
                    <input type="button" value="加入购物车" class="add">
                    <input type="button" value="喜欢" class="like">
                    <ul>
                        <li>小米自营</li>
                        <li>小米发货</li>
                        <li>7天无理由退货</li>
                        <li>运费说明</li>
                        <li>企业信息</li>
                        <li>7天价格保护</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="price-description">
        <div class="top">
            <h3>价格说明</h3>
        </div>
        <div class="bottom">
            <p><span>划线价 :</span>商品质示的划横线价格为参考价,该价格可能是品牌专柜桥价、
                商品吊牌价或由品牌供应商提供的正品零售价(如厂商指导价、建议零售价<br>
                等)或该商品在小米商城/小米有品天猫小米官方旗舰店曾经展示过的销售价;
                由于地区、时间的差异性和市场行情波动，品牌专柜标价、商品吊牌价<br>
                等可能会与您购物时展示的不一致,该价格仅供您参考。</p>
        </div>
    </div>
    <div class="aside">
        <div class="main">
            <ol>
                <li>
                    <span class="iconfont">&#xe786;</span><a href="" > 预约维修服务</a>
                </li>
                <li><span class="iconfont">&#xe61f;</span><a href="">7天无理由退货</a></li>
                <li><span class="iconfont">&#xe606;</span><a href="">15天免费换货</a></li>
                <li><span class="iconfont">&#xe611;</span><a href="">满69包邮</a></li>
                <li><span class="iconfont">&#xe636;</span><a href="">520余家售后网点</a></li>
            </ol>
        </div>
    </div>
    <div class="service">
        <div class="main">
            <ul>
                <li><a href="">帮助中心</a>
                    <ol>
                        <li><a href="">账户管理</a></li>
                        <li><a href="">购物指南</a></li>
                        <li><a href="">订单操作</a></li>
                    </ol>
                </li>
                <li><a href="">服务支持</a>
                    <ol>
                        <li><a href="">售后政策</a></li>
                        <li><a href="">自助服务</a></li>
                        <li><a href="">相关下载</a></li>
                    </ol>
                </li>
                <li><a href="">线下门店</a>
                    <ol>
                        <li><a href="">小米之家</a></li>
                        <li><a href="">服务网点</a></li>
                        <li><a href="">授权体验店</a></li>
                    </ol>
                </li>
                <li><a href="">关于小米</a>
                    <ol>
                        <li><a href="">了解小米</a></li>
                        <li><a href="">加入小米</a></li>
                        <li><a href="">投资者关系</a></li>
                        <li><a href="">企业社会责任</a></li>
                        <li><a href="">廉洁举报</a></li>
                    </ol>
                </li>
                <li><a href="">关注我们</a>
                    <ol>
                        <li><a href="">新浪微博</a></li>
                        <li><a href="">官方微信</a></li>
                        <li><a href="">联系我们</a></li>
                        <li><a href="">公益基金会</a></li>
                    </ol>
                </li>
                <li><a href="">特色服务</a>
                    <ol>
                        <li><a href="">F码通道</a></li>
                        <li><a href="">礼物码</a></li>
                        <li><a href="">防伪查询</a></li>
                    </ol>
                </li>
            </ul>
            <div class="right">
                <h4>400-100-5678</h4>
                <h6>8:00-18:00(仅收市话费)</h6>
                <div class="right-middle">
                    <i class="iconfont">&#xe63e;</i><span>人工客服</span>   
                </div>
                <span>关注小米:</span>
                <h1 class="iconfont">&#xe623;</h1>
                <h2 class="iconfont">&#xe61a;</h2>

            </div>
        </div>
    </div>
    <footer>
        <div class="main">
            <img class="first-img" src="img/xinjian/c_03.png">
            <div class="footer-nav"><b><a href="#">小米商城</a>&nbsp;|&nbsp;<a href="#">MU</a>&nbsp;|&nbsp;<a
                        href="#">米家</a>&nbsp;|&nbsp;<a href="#">米聊</a>&nbsp;|&nbsp;<a href="#">多看</a>&nbsp;|&nbsp;<a
                        href="#">游戏</a>&nbsp;|&nbsp;<a href="#">政企服务</a>&nbsp;|&nbsp;<a
                        href="#">小米天猫店</a>&nbsp;|&nbsp;<a href="#">小米集团隐私政策</a>&nbsp;|&nbsp;<a
                        href="#">小米公司儿童信息保护规则</a>&nbsp;|&nbsp;<a href="#">小米商娀隐私政策</a>&nbsp;|&nbsp;<a
                        href="#">小米商娀用户协议</a>&nbsp;|&nbsp;<a href="#">问题反馈 Select Location</a><br><a
                        href="#">北京互联网法院法律服务工作站</a>&nbsp;|&nbsp;<a href="#">中国消费者协会</a>&nbsp;|&nbsp;<a
                        href="#">北京市消费者协会</a></b><br>&copy;mi.com京ICP证110507号京ICP备10046444号京公网安备11010802020134号京网文[2020]0276-042号<br>
                (京)网械平台备字(2018）<a href="">第00005号互联网药品信息服务资格证(京)</a>-非经营性-2014-0090营业执照医疗器械质量公告<br> <a
                    href="">增值电信业务许可证网络食品经营备案京食药网食</a> 备202010048食品经营许可证<br> <a href="">违法和不良信息举报电话:</a>
                171-5104-4404知识产权侵权投诉本网站所列数据，除特殊说明，所有数据均出自我司实验室测试<br>
                <a href="#"><img src="img/xiaomi/yingsi.png"></a>
                <a href="#"><img src="img/xiaomi/chengxin1.png"></a>
                <a href="#"><img src="img/xiaomi/kexin.png"></a>
                <a href="#"><img src="img/xiaomi/chengxin.png"></a>
                <a href="#"><img src="img/xiaomi/anquan.png"></a>
            </div>
        </div>
    </footer>
    <div class="tail">
        <p>让全球每个人都能享受科技带来的美好生活</p>
    </div>
    <div class="serve">
        <div>
            <h4>人工客服</h4>
        </div>
        <div>
            <h4>购物车</h4>
        </div>
    </div>
    <!-- <div class="guding">
            <div><h4>手机App</h4></div>
            <div><h4>个人中心</h4></div>
            <div><h4>售后服务</h4></div>
            <div><h4>人工客服</h4></div>
            <div><h4>购物车</h4></div>
            <div><h4>回顶部</h4></div>
    </div> -->
</body>

</html>